<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<!-- 头部导航栏 -->
<jsp:include page="../header.jsp"></jsp:include>
<title>===标题===</title>
<script src="<%=request.getContextPath()%>/assets/js/dz-plugin.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("#open_frame").click(function() {
		$("#dzFrame").openFrame({
			src: "iframe.html"
		});
	});
});

//关闭iframe
function closeWin() {
	$("#dzFrame").closeFrame();
}
</script>
</head>
<body>
	<div class="container dz-main">
		<!--标题和按钮组===begin===-->
		<div class="dz-head">
			<div class="dz-title">查看</div>
			<div class="dz-head-btns">
				<a class="btn btn-success btn-sm" href="<%=request.getContextPath()%>/security/user/index.do">返回</a>
			</div>
		</div>
		<!--标题和按钮组===end===-->
		<!--表格展示数据===begin===-->
		<table class="dz-look-table">
			<tr>
				<td class="dz-lt">用户名：</td>
				<td class="dz-kt">${obj.userName}</td>
			</tr>
			<tr>
				<td class="dz-lt">电子邮件：</td>
				<td class="dz-kt">${obj.email}</td>
			</tr>
		</table>
		<!--表格展示数据===end===-->
		<div class="dz-frame-table">
			<!--操作按钮组===begin===-->
			<div class="btn-group btng-op">
				<button id="open_frame" class="btn btn-info btn-sm">添加角色</button>
				<button id="deleteRole" class="btn btn-info btn-sm">删除角色</button>
			</div>
			<!--操作按钮组===end===-->
			<table class="table table-bordered table-hover dz-table">
				<col width="37px;"/>
				<col width="200px;"/>
				<col width="200px;"/>
				<thead>
					<tr>
						<th><input type="checkbox"/></th>
						<th>角色名称</th>
						<th>角色标识</th>
						<th>角色描述</th>
					</tr>
				</thead>
				<tbody id="dz_tbody">
					<c:forEach var="o" items="${list}" varStatus="status">
					<tr>
						<td style="text-align:center;">${status.index+1}</td>
						<td>${o.roleName}</td>
						<td>${o.roleSign}</td>
						<td>${o.description}</td>
					</tr>
					</c:forEach>
				</tbody>
			</table>
			<div id="dz_paging">
				<ul class="pagination dz-nav">
					<li><a value="${page.last}">«</a></li>
					<c:forEach var="x" begin="${page.start}" end="${page.over}">
						<li <c:if test="${x==page.page}">class="active"</c:if>><a value="${x}">${x}</a></li>
					</c:forEach>
					<li><a value="${page.next}">»</a></li>
					<li>
						<div class="dz-paging">每页
							<select>
								<option value="10" <c:if test="${page.count == 10}">selected</c:if>>10</option>
								<option value="20" <c:if test="${page.count == 20}">selected</c:if>>20</option>
								<option value="50" <c:if test="${page.count == 50}">selected</c:if>>50</option>
							</select>&nbsp;条
						</div>
					</li>
					<li>
						<input type="text"/><button value="${page.pageSum}">GO</button>
					</li>
					<li>
						<span style="margin-left:10px;">${page.total}条数据/共${page.pageSum}页</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- iframe弹出框===begin=== -->
	<div id="dzFrame" class="ifm-main">
		<img class="ifm-close" src="<%=request.getContextPath()%>/assets/image/close.png" onclick="closeWin();"/>
		<iframe frameborder="no" border="0"></iframe>
	</div>
	<div id="ifm_panel" class="ifm-panel"></div>
	<!-- iframe弹出框===end=== -->
</body>
</html>